<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="author" content="Laurent Laville" />
<title>PEAR::HTML::Progress-Class Examples</title>
<link rel="stylesheet" href="examples.css" />
</head>
<body>

<a name="top">

<h1><img src="pear-power.png"> :: HTML_Progress 
<br /><span class="chapter">Examples</span>
</h1>

<div align="right">$Date: 2004/09/25 13:42:45 $</div>

<h2>Horizontal progress meter </h2>
<h3>Table of contents</h3>
<ul>
<li class="r1"><a href="horizontal/ancestor.html">Ancestor</a> - Basic Horizontal ProgressBar v0.5 style example.
<li class="r2"><a href="horizontal/bgimages.html">Background Images</a> - Natural Horizontal with background images ProgressBar example.
<li class="r1"><a href="horizontal/bluesand.html">BlueSand</a> - Natural Horizontal ProgressBar example with blue skin.
<li class="r2"><a href="horizontal/bluesandplus.html">BlueSandPlus</a> - Natural Horizontal ProgressBar example with JavaScript customization.
<li class="r1"><a href="horizontal/bullit.html">BullIt</a> - Natural Horizontal plain ProgressBar example.
<li class="r2"><a href="horizontal/javadanse.html">JavaDanse</a> - 20 cells Reverse Horizontal ProgressBar example with JavaScript customization.
<li class="r1"><a href="horizontal/redsandback.html">RedSandBack</a> - 5 cells Reverse Horizontal ProgressBar example with red skin.
<li class="r2"><a href="horizontal/smallest.html">Smallest</a> - Natural Horizontal smallest ProgressBar example.
<li class="r1"><a href="horizontal/model.html">Model</a> - ProgressBar data model example.
<li class="r2"><a href="horizontal/nostring.html">Without String</a> - an horizontal progress meter with no percent information.
<li class="r1"><a href="horizontal/string.html">With String</a> - an horizontal progress meter with custom string.
<li class="r2"><a href="model/inicommented.html">Model</a> - setModel API feature in action with a .INI config file.
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>Vertical progress meter </h2>
<h3>Table of contents</h3>
<ul>
<li class="r2"><a href="vertical/basic.html">Vertical</a> - Basic Vertical progress meter.
<li class="r1"><a href="vertical/limit.html">VerticalLimit</a> - Vertical limit progress meter.
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>News shape </h2>
<h3>Table of contents</h3>
<ul>
<li class="r1"><a href="newshape/square.html">Square 3x3</a> - beginning at different corner.
<li class="r2"><a href="newshape/squareback.html">Square 4x4</a> - Square Progress filled in reverse way.
<li class="r1"><a href="newshape/rectangle.html">Rectangle 6x4</a> - Basic Rectangle Progress style.
<li class="r2"><a href="newshape/rectangleback.html">Rectangle 15x3</a> - Rectangle Progress filled in reverse way.
<li class="r1"><a href="newshape/circleplain.html">plain Circle 360</a> - a plain Circle Progress style.
<li class="r2"><a href="newshape/circleback.html">Medium circle</a> - Medium Circle Progress filled in reverse way.
<li class="r1"><a href="newshape/ellipse.html">Ellipse 360</a> - Horizontal Ellipse Progress style.
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>Preload </h2>
<h3>Table of contents</h3>
<ul>
<li class="r1"><a href="preload/shockwaveflash.html">Large file</a> - Display a basic ProgressBar while retrieving a shockwave flash object.
<li class="r2"><a href="preload/hidden.html">Hide progress meter</a> - At end of a long process, you may hide the progress bar and stay on same page.
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>Indeterminate Mode </h2>
<h3>Table of contents</h3>
<ul>
<li class="r1"><a href="indeterminate/half_basic.html">Half basic</a> - runs a progress bar in indeterminate mode without a monitor.
<li class="r2"><a href="indeterminate/half_monitor.html">Half monitor</a> - Begin in indeterminate mode and finish process in determinate mode with a monitor.
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>File Upload </h2>
<h3>Table of contents</h3>
<ul>
<li class="r1"><a href="upload/http1.html">HTTP 1</a> - Upload files with your web browser to a web server. Single page (using frames).
<li class="r2"><a href="upload/http2.html">HTTP 2</a> - Upload files with your web browser to a web server. Progress meter in a popup.
<li class="r1"><a href="upload/http3.html">HTTP 3</a> - Mixed field Upload. Single page (using frames).
<li class="r2"><a href="upload/http4.html">HTTP 4</a> - Upload files with your web browser to a web server and logs operations into a file.
<li class="r1"><a href="upload/ftp.html">FTP</a> - Upload file on a remote ftp server that may be different than webserver.
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>Multiple progress meter on same page </h2>
<h3>Table of contents</h3>
<ul>
<li class="r1"><a href="multiple/vertical.html">VuMeter</a> - Renders 2 vertical progress bar.
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>Template engine integration </h2>
<h3>Table of contents</h3>
<ul>
<li class="r1"><a href="templates/itxstatic.html">ITx static</a> - horizontal progress meter embedded into IT template pattern.
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>Error Management </h2>
<h3>Table of contents</h3>
<ul>
<li class="r1"><a href="errorstack/display_errors-p1.html">Display</a> - standard API exceptions.
<li class="r2"><a href="errorstack/display_errors-p2.html">Display</a> - standard API errors and caught them.
<li class="r1"><a href="errorstack/display_errors-p3.html">Ignore</a> - logging system for all API errors, but keep errors into stack.
<li class="r2"><a href="errorstack/display_errors-p4.html">Display</a> - standard API exceptions, and avoid to die (default behaviour).
<li class="r1"><a href="errorstack/display_errors-p5.html">Ignore</a> - some API errors.
<li class="r2"><a href="errorstack/display_errors-p6.html">User</a> - error handler to display API errors with custom lineFormat and contextFormat.
<li class="r1"><a href="errorstack/log_errors-p1.html">File</a> - logging API errors.
<li class="r2"><a href="errorstack/log_errors-p2.html">File</a> - and display logging system in development phase.
<li class="r1"><a href="errorstack/log_errors-p3.html">Database</a> - logging API errors.
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>Progress Monitor (GUI)</h2>
<h3>Table of contents</h3>
<p>Examples of How to use the HTML_Progress_Monitor class.</p>
<ul>
<li class="r1"><a href="monitor/default1.html">Default 1</a> - Uses default QF renderer without any customization.</li>
<li class="r2"><a href="monitor/default2.html">Default 2</a> - Uses default QF renderer with a PEAR::Log user callback.</li>
<li class="r1"><a href="monitor/method_callback.html">Determinate</a> - Customs default QF renderer and a Method-Handler callback.</li>
<li class="r2"><a href="monitor/function_callback.html">Indeterminate</a> - Customs default QF renderer and a Function-Handler callback.</li>
<li class="r1"><a href="monitor/itdynamic.html">ITDynamic</a> - Customs ITDynamic QF renderer and a Method-Handler callback.</li>
<li class="r2"><a href="monitor/htmlpage.html">HTML_Page</a> - Uses HTML_Page generator without user-callback.</li>
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>Progress Observer </h2>
<h3>Table of contents</h3>
<p>Examples of How to use the HTML_Progress_Observer class.</p>
<ul>
<li class="r1"><a href="observer/default.html">Default</a> - Uses the default observer class.
<li class="r2"><a href="observer/simple.html">Simple</a> - Uses a custom observer class.
<li class="r1"><a href="observer/complex.html">Complex</a> - Uses a custom observer class that handle progress of a 2nd bar.
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

<h2>Progress Generator </h2>
<h3>Table of contents</h3>
<p>Build your own progress bar with interactive tools. 
Run demo, and save PHP/CSS source-code.</p>
<ul>
<li class="r1"><a href="generator/default.html">Default</a> - None customization used.</li>
<li class="r2"><a href="generator/htmlpage.html">Standard</a> - Uses HTML_Page generator for form rendering.</li>
<li class="r1"><a href="generator/embedded.html">Embedded</a> - Include Progress Generator in your own pages with Actions customized.</li>
</ul>

<p align="right">[<a href="#top">Top</a>]</p>

</body>
</html>